<form id="add-form" class="form-horizontal form-ajax" role="form" data-toggle="validator" method="POST" action="">
    <div id="index_div" >
        <div class="form-group">
            <label for="province" class="control-label col-xs-12 col-sm-2">{:__('Province')}:</label>
            <div class="col-xs-12 col-sm-8">
                <select id="province" v-model="province_id" class="form-control" data-rule="required;city">
                    <option value="">请选择省份</option>
                    <option :value="province.id" v-for="province in province_list">{{province.name}}</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label for="city" class="control-label col-xs-12 col-sm-2">{:__('City')}:</label>
            <div class="col-xs-12 col-sm-8">
                <select id="city"  v-model="city_id" class="form-control" data-rule="required;city">
                    <option value="">请选择城市</option>
                    <option :value="city.id" v-for="city in city_list">{{city.name}}</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label for="county" class="control-label col-xs-12 col-sm-2">{:__('County')}:</label>
            <div class="col-xs-12 col-sm-8">
                <select id="county" v-model="county_id" class="form-control" data-rule="required;county">
                    <option value="">请选择县/区</option>
                    <option :value="county.id" v-for="county in county_list">{{county.name}}</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label for="county" class="control-label col-xs-12 col-sm-2">{:__('Village')}:</label>
            <div class="col-xs-12 col-sm-8">
                <select id="village_id" v-model="village_id" name="village_id" class="form-control" data-rule="required;county">
                    <option value="">请选择小区</option>
                    <option :value="village.id" v-for="village in village_list">{{village.name}}</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <label for="upload_file" class="control-label col-xs-12 col-sm-2">{:__('Upload excel file')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="upload_file" name="file" class="form-control" type="file">
                <input type="hidden" class="form-control" id="upload_file_path" name="file_path" />
            </div>
        </div>
        <div class="form-group">
            <label for="upload_file" class="control-label col-xs-12 col-sm-2">{:__('Download template')}:</label>
            <div class="col-xs-12 col-sm-4">
                <a href="download_template" class="btn btn-info" title="{:__('Download template')}"><i class="fa fa-detail"></i>{:__('Download template')}</a>
            </div>
        </div>
    </div>
    <div class="form-group hidden layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>